<template>
  <h1>显示隐藏相关指令</h1>
<!--  v-if="布尔值",让元素是否显示和变量进行绑定,true显示 false不显示(删除元素)-->
  <p v-if="isShow">张三</p>
<!--  v-else和上面v-if状态取反-->
  <p v-else>李四</p>
  <!--  v-show="布尔值",让元素是否显示和变量进行绑定,true显示 false不显示(隐藏元素)-->
  <p v-show="isShow">王五</p>
</template>

<script setup>
import {ref} from "vue";

const isShow = ref(true);
</script>

<style scoped>

</style>